<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>博客文章 | 开发文档汇总</title>
    <meta name="generator" content="VuePress 1.9.9">
    <link rel="icon" href="/docs-page/img/favicon.ico">
    <meta name="description" content="沉淀与共享优秀知识，构建你的个人笔记和知识管理体系">
    <meta name="keywords" content="vuepress,theme,blog,vdoing">
    <meta name="theme-color" content="#11a8cd">
    
    <link rel="preload" href="/docs-page/assets/css/0.styles.add5310c.css" as="style"><link rel="preload" href="/docs-page/assets/js/app.55c5d12e.js" as="script"><link rel="preload" href="/docs-page/assets/js/2.779389ce.js" as="script"><link rel="prefetch" href="/docs-page/assets/js/10.6b2752d1.js"><link rel="prefetch" href="/docs-page/assets/js/11.665728da.js"><link rel="prefetch" href="/docs-page/assets/js/12.c0483a48.js"><link rel="prefetch" href="/docs-page/assets/js/13.be56989b.js"><link rel="prefetch" href="/docs-page/assets/js/14.a537673a.js"><link rel="prefetch" href="/docs-page/assets/js/15.e50f0979.js"><link rel="prefetch" href="/docs-page/assets/js/16.59140c87.js"><link rel="prefetch" href="/docs-page/assets/js/17.dcfd7b8f.js"><link rel="prefetch" href="/docs-page/assets/js/18.98f0d810.js"><link rel="prefetch" href="/docs-page/assets/js/19.14428f34.js"><link rel="prefetch" href="/docs-page/assets/js/20.8a30f381.js"><link rel="prefetch" href="/docs-page/assets/js/21.93b165ff.js"><link rel="prefetch" href="/docs-page/assets/js/22.119d2e01.js"><link rel="prefetch" href="/docs-page/assets/js/23.9f194a0c.js"><link rel="prefetch" href="/docs-page/assets/js/24.10650c5a.js"><link rel="prefetch" href="/docs-page/assets/js/3.6d382cc7.js"><link rel="prefetch" href="/docs-page/assets/js/4.5ff68b1c.js"><link rel="prefetch" href="/docs-page/assets/js/5.7156b0c2.js"><link rel="prefetch" href="/docs-page/assets/js/6.cad982ef.js"><link rel="prefetch" href="/docs-page/assets/js/7.45321ddd.js"><link rel="prefetch" href="/docs-page/assets/js/8.215ac689.js"><link rel="prefetch" href="/docs-page/assets/js/9.267153a5.js">
    <link rel="stylesheet" href="/docs-page/assets/css/0.styles.add5310c.css">
  </head>
  <body class="theme-mode-light">
    <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs-page/" class="home-link router-link-active"><img src="/docs-page/img/logo.png" alt="开发文档汇总" class="logo"> <span class="site-name can-hide">开发文档汇总</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs-page/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="前端开发文档" class="dropdown-title"><!----> <span class="title" style="display:;">前端开发文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/docs-page/pages/e3662d/" class="nav-link">自定义组件</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="代码片段" class="dropdown-title"><a href="/docs-page/pages/1651d9/" class="link-title">代码片段</a> <span class="title" style="display:none;">代码片段</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">HTML</a></li><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">CSS</a></li><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">JavaScript</a></li><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">Vue</a></li><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">React</a></li></ul></div></div><div class="nav-item"><a href="/docs-page/pages/471d56/" class="nav-link">前端体系</a></div><div class="nav-item"><a href="/docs-page/pages/dda99c/" class="nav-link">效率工具</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="常用框架" class="dropdown-title"><!----> <span class="title" style="display:;">常用框架</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://www.avuejs.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  avuejs
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://element.eleme.cn/#/zh-CN" target="_blank" rel="noopener noreferrer" class="nav-link external">
  elementUI
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/docs-page/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="前端开发文档" class="dropdown-title"><!----> <span class="title" style="display:;">前端开发文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/docs-page/pages/e3662d/" class="nav-link">自定义组件</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="代码片段" class="dropdown-title"><a href="/docs-page/pages/1651d9/" class="link-title">代码片段</a> <span class="title" style="display:none;">代码片段</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">HTML</a></li><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">CSS</a></li><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">JavaScript</a></li><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">Vue</a></li><li class="dropdown-item"><!----> <a href="/docs-page/blog/404" class="nav-link">React</a></li></ul></div></div><div class="nav-item"><a href="/docs-page/pages/471d56/" class="nav-link">前端体系</a></div><div class="nav-item"><a href="/docs-page/pages/dda99c/" class="nav-link">效率工具</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="常用框架" class="dropdown-title"><!----> <span class="title" style="display:;">常用框架</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://www.avuejs.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  avuejs
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://element.eleme.cn/#/zh-CN" target="_blank" rel="noopener noreferrer" class="nav-link external">
  elementUI
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <!----></nav>  <!----> </aside> <div class="custom-page archives-page"><div class="theme-vdoing-wrapper"><h1><img src="">
      博客文章
    </h1> <div class="count">
      总共 <i>18</i> 篇文章
    </div> <ul><li class="year"><h2>
            2023
            <span><i>18</i> 篇
            </span></h2></li> <li><a href="/docs-page/pages/e6a275/"><span class="date">11-21</span>
            全局dialog组件
            <!----></a></li><!----> <li><a href="/docs-page/pages/a21d9c/"><span class="date">11-13</span>
            全局自定义loading
            <!----></a></li><!----> <li><a href="/docs-page/pages/740013/"><span class="date">11-13</span>
            跟随定位侧导航
            <!----></a></li><!----> <li><a href="/docs-page/pages/b58021/"><span class="date">10-17</span>
            判断一个数组中是否有重复项
            <!----></a></li><!----> <li><a href="/docs-page/pages/3bc464/"><span class="date">10-17</span>
            代码片段汇总
            <!----></a></li><!----> <li><a href="/docs-page/pages/d57400/"><span class="date">10-17</span>
            Element的输入框限制输入内容
            <!----></a></li><!----> <li><a href="/docs-page/pages/5ea2df/"><span class="date">10-17</span>
            table的表头添加星号
            <!----></a></li><!----> <li><a href="/docs-page/pages/1651d9/"><span class="date">10-17</span>
            动态table，并添加表单校验
            <!----></a></li><!----> <li><a href="/docs-page/pages/471d56/"><span class="date">10-16</span>
            【组件通讯】Vue组件12种常见的传值方式
            <!----></a></li><!----> <li><a href="/docs-page/pages/21be86/"><span class="date">10-16</span>
            数组去重的N种方法
            <!----></a></li><!----> <li><a href="/docs-page/pages/8de1bd/"><span class="date">10-16</span>
            【组件通讯】props
            <!----></a></li><!----> <li><a href="/docs-page/pages/2a5882/"><span class="date">10-16</span>
            人员详情组件
            <!----></a></li><!----> <li><a href="/docs-page/pages/dda99c/"><span class="date">10-11</span>
            效率工具汇总
            <!----></a></li><!----> <li><a href="/docs-page/pages/9a5cba/"><span class="date">10-11</span>
            前端知识体系
            <!----></a></li><!----> <li><a href="/docs-page/pages/e3662d/"><span class="date">10-11</span>
            学籍学历系统
            <!----></a></li><!----> <li><a href="/docs-page/pages/f70ee5/"><span class="date">10-11</span>
            图标选择器
            <!----></a></li><!----> <li><a href="/docs-page/pages/26073e/"><span class="date">10-11</span>
            人员选择器
            <!----></a></li><!----> <li><a href="/docs-page/markdown/"><span class="date">09-22</span>
            ✨MarkDonw 常用语法🔥
            <!----></a></li></ul></div></div> <div class="footer"><!----> 
  Theme by
  <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
    | Copyright © 2023-2024
    <span>全菜工程师 | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
          跟随系统
        </li><li class="iconfont icon-rijianmoshi">
          浅色模式
        </li><li class="iconfont icon-yejianmoshi">
          深色模式
        </li><li class="iconfont icon-yuedu">
          阅读模式
        </li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"><div class="kanbanniang" data-v-5775ee02><div class="banniang-container" style="display:;" data-v-5775ee02><div class="messageBox" style="right:68px;bottom:190px;display:none;" data-v-5775ee02>
      欢迎来到 开发文档汇总
    </div> <div class="operation" style="right:90px;bottom:40px;display:none;" data-v-5775ee02><i class="kbnfont kbn-ban-home ban-home" data-v-5775ee02></i> <i class="kbnfont kbn-ban-message message" data-v-5775ee02></i> <i class="kbnfont kbn-ban-close close" data-v-5775ee02></i> <a target="_blank" href="https://vuepress-theme-reco.recoluan.com/views/plugins/kanbanniang.html" data-v-5775ee02><i class="kbnfont kbn-ban-info info" data-v-5775ee02></i></a> <i class="kbnfont kbn-ban-theme skin" style="display:none;" data-v-5775ee02></i></div> <canvas id="banniang" width="210" height="308" class="live2d" style="right:90px;bottom:-20px;opacity:0.9;" data-v-5775ee02></canvas></div> <div class="showBanNiang" style="display:none;" data-v-5775ee02>
    看板娘
  </div></div><canvas id="vuepress-canvas-cursor"></canvas></div></div>
    <script src="/docs-page/assets/js/app.55c5d12e.js" defer></script><script src="/docs-page/assets/js/2.779389ce.js" defer></script>
  </body>
</html>
